<template>
  <ChildSlot>
    <template #header>
      <div>我是header 具名插槽</div>
    </template>
    <!-- <template>
      <div>我是main 默认插槽</div>
    </template> -->
    <template #main>
      <div>我是main 具名插槽</div>
    </template>
    <template #footer>
      <div>我是footer 具名插槽</div>
    </template>
    <template v-slot='{user}'>
        <div>
            {{user.fristName}}
        </div>
    </template>
  </ChildSlot>
</template>

<script>
import ChildSlot from './component/childSlot.vue'
export default {
  components: { ChildSlot }
}
</script>

<style>
</style>
